@charset "utf-8";

.body-wrapper{background: #FAFAFA;}
.topimg img{width:100%;}

/* 头部 */
.header{background: url(../images/index/headbg.png) no-repeat top center;padding-bottom: 243px;background-size: 100% 100%;}
.top{background: rgba(8, 113, 212,.8);}
.header-toolbar{padding-top: 18px;}
.header-logo{width: 559px;padding: 0;}
.top .mainnav{margin-top: 20px;}
.top .mainnav ul{padding:0 20px;font-size:0;text-align:justify;text-align-last:justify;}
.top .mainnav li{display:inline-block;font-size: 22px;font-weight: bold;padding-bottom: 15px;}
.top .mainnav li.on{border-bottom: 4px solid #fff;}
.top .mainnav li a{color: #fff;}
/* .mainnav li + li{margin-left: 120px;} */
.header-search{float: left;margin-top: 118px;}
.header-search dl{background: #fff;border-radius: 0;}
.header-search dl dd input[type="text"]{height: 55px;}
@media (max-width:1480px){
  .top .mainnav li + li{margin-left: 70px;}
}
@media (max-width:1200px){
  .top .mainnav li + li{margin-left: 40px;}
}
@media (max-width:992px){
  .top .mainnav{display: none;}
  .header-toolbar .marks li.ipv6{display: none;}
  .header{padding-bottom: 140px;}
  .header-search{width: 80%;margin: 118px auto 0;float: unset;}
}

@media (max-width:640px){
}
@media (max-width:450px){
  .header{padding-bottom: 50px;}
  .header-logo{width: 85%;}
  .header-search{margin-top: 50px;}
  .header-search dl dd input[type="text"]{height: 40px;}
}

.toutiao{text-align: center; border-bottom: 1px solid #f1f1f1;}
.toutiao dl{position: relative; display: inline-block; padding-left: 12%;}
.toutiao dl .hd{position: absolute; top: 0; bottom: 0; left: 0; width: 12%;}
.toutiao dl .hd label{position: absolute; top: 50%; left: 0; display: block; margin-top: -.75em; font-size: 1.625em;}
.toutiao dl .hd label span{position: relative; z-index: 3; display: block; padding: .25em 1em; color: #fff; line-height: 1em; white-space: nowrap;}
.toutiao dl .hd label span a{color:#fff;}
.toutiao dl .hd label:before{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; content: ""; background: #cf0000; border-top-left-radius: .5em; border-bottom-right-radius: .5em;}
.toutiao dl .hd label:after{position: absolute; top: 5px; right: -5px; bottom: -5px; left: 5px; z-index: 1; content: ""; background: #f00; opacity: .2; border-top-left-radius: .5em; border-bottom-right-radius: .5em;}
.toutiao dl .caption{text-align: center;}
.toutiao dl .caption a{display: inline-block; font-size: 1.875em; font-weight: bold; color: #085ea8; line-height: 1.5em;}
.toutiao dl .desc{margin-top: .75em; text-align: center; color: #666; line-height: 1.5em;}
@media (max-width:1480px){
  .toutiao dl .caption a{font-size: 1.75em;}
  .toutiao dl .hd label{font-size: 1.5em;}
}
@media (max-width:1200px){
  .toutiao dl .caption a{font-size: 1.5em;}
  .toutiao dl .hd label{font-size: 1.375em;}
  .toutiao dl .desc{display: none;}	
}
@media (max-width:992px){
  .toutiao dl{padding-left: 0;}
  .toutiao dl .caption a{font-size: 1.5em;}	
  .toutiao dl .hd{display: none;}
}

@media (max-width:640px){
  .toutiao dl .caption a{font-size: 1.25em;}	
}
@media (max-width:450px){
  .toutiao dl .caption a{font-size: 1.125em;}	
}

.news .tpxw{position: relative;}
.news .tpxw .swiper-slide dl{position: relative;}
.news .tpxw .swiper-slide dl .place{padding-top: 64%;}
.news .tpxw .swiper-slide dl dt{position: absolute; right: 0; bottom: 0; left: 0; z-index: 5; padding: 10px 100px 10px 15px; line-height: 25px; text-align: left;
background: rgba(0,0,0,.5);}
.news .tpxw .swiper-slide dl dt a{color: #fff;}
.news .tpxw .swiper-pagination{bottom: 13px;}
@media (max-width:1480px){
  .news .tpxw .swiper-slide dl .place{padding-top: 66.67%;}	
}
@media (max-width:1200px){
  .news .tpxw{margin-bottom: 20px;}
}
@media (max-width:992px){
  .news .tpxw .swiper-slide dl dt{padding: 15px;}	
}
@media (max-width:640px){
  .news .tpxw .swiper-slide dl dt{padding: 10px; line-height: 30px; height: auto; }
  .news .tpxw .swiper-slide dl dt a{font-weight: normal;}
  .news .tpxw .swiper-pagination{position: static; margin-top: 15px;}
  .news .tpxw .swiper-pagination .swiper-pagination-bullet{background: #000;}
}
.setIE.ie8 .news .tpxw .swiper-slide dl dt{background: url(../images/public/blank_black_opa50.png);}

@media (max-width:1480px){
  .news .xwdt .infolist li.li7{display: none;}
}
.setIE.ie8 .news .xwdt .infolist li.li7{display: none;}
.ztzlh2{
  width:100%;
  font-size: 22px;
  font-weight: bold;
  line-height: 40px;
}
.ztzl > ul{margin-top: -15px;}
.ztzl > ul li a{display: block; margin-top: 15px; padding-top: 38.1%;}
@media (max-width:1200px){
  .ztzl{margin-bottom: 0;}
  .ztzl > ul{margin: -15px -7px 0 -8px;}
  .ztzl > ul li{float: left; width: 25%;}
  .ztzl > ul li a{margin: 15px 7px 0 8px;}
}
@media (max-width:768px){
  .ztzl > ul li{width: 50%;}	
}

/*政务公开*/
.zfxxgkbox{margin-top: 30px;}
.zfxxgkbox ul{font-size: 0;text-align: justify;text-align-last: justify;}
.zfxxgkbox ul li{display: inline-block;width: 14.3%;height: 123px;;font-size: 18px;text-align: center;text-align-last: center;background: #F5F5F5;}
.zfxxgkbox ul li a{display: block;width: 100%;height: 100%;padding: 28px 0;}
.zfxxgkbox ul li p{margin-top: 8px;}
.zfxxgkbox ul li img{height: 36px;}
.zfxxgkbox ul li:hover img{transform: rotateY(360deg); transition: all .5s linear;}
@media (max-width: 1200px){
  .zfxxgkbox ul li{width: 30%;margin-top: 15px;}
}
@media (max-width: 992px){
  .zfxxgkbox ul li{vertical-align: top;font-size: 14px;}
}

/* 横幅 */
.syhf{margin: 30px 0;position: relative;overflow: hidden;}
.syhf > img{display: none;}
.syhf .hfswiper .swiper-pagination{text-align: right;padding-right: 20px;}
.syhf .hfswiper .swiper-pagination .swiper-pagination-bullet{width: 8px;height: 8px;background: #fff;border-radius: 0;}
.syhf .hfswiper .swiper-pagination .swiper-pagination-bullet-active{width: 10px;height: 10px;}



.zfxxgkzl .swiper-container{margin-right: -7px; margin-left: -8px;}
.zfxxgkzl .swiper-slide a{display: block; margin-right: 7px; margin-left: 8px; text-align: center; padding: 25px 0 24px;}
.zfxxgkzl .swiper-slide a i{position: relative; display: inline-block; vertical-align: middle; margin-right: .25em; padding: 3px 0; width: 35px; height: 35px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.zfxxgkzl .swiper-slide a i img{display: block; position: relative; z-index: 2; width: 100%; height: 100%;}
.zfxxgkzl .swiper-slide a span{display: inline-block; position: relative; vertical-align: middle; line-height: 1.2em; text-align: left; width: 4.25em; max-width: 4.25em;}
.zfxxgkzl .swiper-slide a.zc span{width: 2.25em; max-width: 2.25em;}
.zfxxgkzl .swiper-slide a.sq span{width: 5.25em; max-width: 5.25em;}
.zfxxgkzl .swiper-slide a.zc{background: #fbe9e4;}
.zfxxgkzl .swiper-slide a.zn{background: #FDF3DA;}
.zfxxgkzl .swiper-slide a.zd{background: #DCF4F6;}
.zfxxgkzl .swiper-slide a.nr{background: #d9f3ff;}
.zfxxgkzl .swiper-slide a.sq{background: #ffe9d4;}


/*政民互动*/
.zmhdbox{width: 100%;background: #1581E6;}
.zmhdbox li{float: left;position: relative;;width: 25%;text-align: center;padding: 25px 0;}
.zmhdbox li a{display: block;width: 100%;height: 100%;}
.zmhdbox li p{margin-top: 15px;color: #fff;font-size: 22px;}
.zmhdbox li + li::before{position: absolute;content: '';left: 0;top: 50%;margin-top: -30px;;width: 1px;height: 65px;background: #fff;}
.zmhdbox li:hover img{transform: rotateY(360deg); transition: all .5s linear;}

.zmhd .menu-cards{margin-top: -15px; margin-right: -7px; margin-left: -8px;}
.zmhd .menu-cards li{width: 25%;}
.zmhd .menu-cards li a.item{margin: 15px 7px 0 8px; padding: 10px 0; background: #ebf5fc;}
.zmhd .menu-cards li a.item i{width: 50px; height: 50px; margin-bottom: 0;}
.zmhd .menu-cards li a.item span{color: #666;}
@media (max-width:768px){
  .zmhd .menu-cards li{width: 50%;}	
  .zmhd .menu-cards li a.item{padding: 20px 0;}
}
@media (max-width:450px){
  .zmhdbox li{width: 50%;padding: 15px 0;}
  .zmhdbox li + li::before{height: 45px;margin-top: -24px;}
  .zmhdbox li:nth-child(3)::before{display: none;}
  .zmhdbox li img{height: 25px;}
  .zmhdbox li p{font-size: 16px;}
}

.rightpc{
  position: fixed;
  bottom: 10px;
  right: 30px;
}
.rightpc img{
  max-width: 280px;
}
.rightpc .close{
  position: absolute;
  top: 1%;
  right: 1%;
  color:#fff;
  height:20px;
  width:20px;
  line-height:20px;
  text-align:center;
  cursor: pointer;
}
.rightpc .close:hover{
  background:#fff;
  border-radius:50%;
  color:#666;
}
.leftpc{
  position: fixed;
  bottom: 10px;
  left: 30px;
  z-index: 999;
}
.leftpc img{
  max-width: 280px;
}
.leftpc .close{
  position: absolute;
  top: 1%;
  right: 1%;
  color:#fff;
  height:20px;
  width:20px;
  line-height:20px;
  text-align:center;
  cursor: pointer;
}
.leftpc .close:hover{
  background:#fff;
  border-radius:50%;
  color:#666;
}
@media (max-width: 1200px) {
.rightpc,.leftpc{display:none;}
}